<template>
	<view class="xq_count">
		<!-- 头部 -->
		<view class="bg-img-box">
			<view class="bg-img" >
			</view>
		</view>
		<view class="bg-text">
			<image src="../../static/演出.png" mode=""></image>
			<view class="bg-wen">
				<h3>周笔畅 2019LUNAR巡回演唱会 上海</h3>
				<span>演唱会</span>
				<view class="bg-tb">
					<h4>228<span>元起</span></h4>
					<p><svg t="1684742374568" class="icon" viewBox="0 0 1024 1024" version="1.1"
							xmlns="http://www.w3.org/2000/svg" p-id="2395" width="16" height="16">
							<path
								d="M32 407.584a279.584 279.584 0 0 1 480-194.944 279.584 279.584 0 0 1 480 194.944 278.144 278.144 0 0 1-113.024 224.512L562.592 892.8a96 96 0 0 1-124.416-1.952l-308.16-270.688A278.976 278.976 0 0 1 32 407.584z"
								fill="#898989" p-id="2396" data-spm-anchor-id="a313x.7781069.0.i0" class="selected"></path>
						</svg>想看</p>
				</view>
			</view> 
		</view>
		<view class="yc-centent">
			<view class="yc-text1">
				<p>2019.12.14 周六 19:30 ></p>
				<span>节目时长以现场为准</span>
			</view>
			<view class="yc-text2">
				<p>上海市·上海东方体育中心<svg t="1684727775645" class="icon" viewBox="0 0 1024 1024" version="1.1"
						xmlns="http://www.w3.org/2000/svg" p-id="2669" width="18" height="18">
						<path
							d="M506.576596 64.978515c-1.125612-0.102328-2.353553-0.102328-3.479164 0-230.341161 6.344359-357.22834 135.175777-357.22834 362.754072 0 231.773758 290.817228 499.15779 303.19896 510.41391 10.437494 9.516538 24.865794 14.837614 39.908065 14.837614h31.619466c15.04227 0 29.470571-5.321075 40.010393-14.837614 12.381733-11.256121 303.198961-278.640152 303.198961-510.41391 0-227.578295-126.887179-356.409713-357.228341-362.754072z m-1.739582 201.893874c76.439292 0 138.654942 54.336365 138.654942 121.156791 0 66.820426-62.215649 121.15679-138.654942 121.15679s-138.654942-54.336365-138.654941-121.15679c0-66.820426 62.215649-121.15679 138.654941-121.156791z"
							fill="#2c2c2c" p-id="2670" data-spm-anchor-id="a313x.7781069.0.i2" class="selected"></path>
					</svg></p>
				<view class="yc-te">
					<span>上海市浦东新去三林镇上海东方体育中心</span>
					<span style="margin-left: 76rpx;">>1000km</span>
				</view>
			</view>
		</view>
		<uni-list>
			<uni-list-item title="安心购 认证实家 担保交易 连座保证 712h客服" note="假一赔十·无需赔付·极速发货·条件退款" showArrow></uni-list-item>
		</uni-list>
		<!-- 详情 -->
		<view class="">
			<view>
				<view class="uni-padding-wrap uni-common-mt">
					<uni-segmented-control :current="current" :values="items" style-type="text" active-color="#000"
						@clickItem="onClickItem" />
				</view>
				<view class="content">
					<view v-if="current === 0">
						<h4>节目介绍</h4>
						<image src="../../static/女.png" mode=""></image>
						<!-- <view class="dingdan-msg" :class="{active:item.flag}">
							<view class="dingdan-msg-contant" v-for="(val,index) in item.list">
								<span>￥{{val.price}}</span>
								<text>{{val.subject}}</text>
							</view>
						</view> -->
						<view class="show-or-noshow" @click="showTag(flag)">
							{{flag?"收起":"展开更多"}}
						</view>　
					</view>
					<view class="cj" v-if="current === 1">
						<h4>常见问题</h4>
						<view class="cjwt">
							<p><a href="#">可以选座吗？</a><a href="#">怎么查看座位图？</a></p>
							<p><a href="#">可以退票吗？</a><a href="#">票品如何配送？</a></p>
							<p><a href="#">不同票面有何区别？</a><a href="#">儿童如何观演？</a></p>
							<view class="show-or-noshow" @click="showTag(flag)">
								{{flag?"收起":"展开更多"}}
							</view>　
						</view>
						<h4>须知事项</h4>
						<h5>购票须知</h5>
						<!-- 须知事项 -->
						<view class="gpxz">
							<view class="gp">
								<view class="gp-left">
									<svg t="1684761526623" class="icon" viewBox="0 0 1024 1024" version="1.1"
										xmlns="http://www.w3.org/2000/svg" p-id="3569" width="16" height="16">
										<path
											d="M721.28 305.578667l-327.466667 328.533333-85.418666-149.504a35.925333 35.925333 0 0 0-49.066667-13.397333 35.925333 35.925333 0 0 0-13.44 49.066666l108.8 190.506667a36.053333 36.053333 0 0 0 58.026667 6.4l359.466666-360.576a36.010667 36.010667 0 0 0-0.085333-50.901333 35.712 35.712 0 0 0-50.773333-0.128zM512 0C229.205333 0 0 229.205333 0 512s229.205333 512 512 512 512-229.205333 512-512S794.794667 0 512 0z m311.082667 823.082667a437.717333 437.717333 0 0 1-139.904 94.293333c-54.186667 23.04-111.786667 34.602667-171.178667 34.602667-59.392 0-116.992-11.562667-171.221333-34.474667a440.448 440.448 0 0 1-139.861334-94.293333 437.717333 437.717333 0 0 1-94.293333-139.946667A436.608 436.608 0 0 1 71.936 512c0-59.392 11.605333-116.992 34.56-171.221333a440.448 440.448 0 0 1 94.293333-139.861334 437.717333 437.717333 0 0 1 139.861334-94.293333c54.314667-23.04 111.914667-34.645333 171.306666-34.645333 59.392 0 116.992 11.605333 171.178667 34.56 52.437333 22.186667 99.413333 53.845333 139.946667 94.293333 40.362667 40.362667 72.192 87.466667 94.293333 139.861333 22.997333 54.314667 34.56 111.914667 34.56 171.306667a437.461333 437.461333 0 0 1-128.853333 311.082667z"
											fill="#fb3777" opacity=".65" p-id="3570"></path>
									</svg>
								</view>
								<view class="gp-right">
									<h6>限购说明</h6>
									<p>该项目设置了单词购买数量限制，每笔订单最多购买6张</p>
								</view>
							</view>
							<view class="gp">
								<view class="gp-left">
									<svg t="1684761526623" class="icon" viewBox="0 0 1024 1024" version="1.1"
										xmlns="http://www.w3.org/2000/svg" p-id="3569" width="16" height="16">
										<path
											d="M721.28 305.578667l-327.466667 328.533333-85.418666-149.504a35.925333 35.925333 0 0 0-49.066667-13.397333 35.925333 35.925333 0 0 0-13.44 49.066666l108.8 190.506667a36.053333 36.053333 0 0 0 58.026667 6.4l359.466666-360.576a36.010667 36.010667 0 0 0-0.085333-50.901333 35.712 35.712 0 0 0-50.773333-0.128zM512 0C229.205333 0 0 229.205333 0 512s229.205333 512 512 512 512-229.205333 512-512S794.794667 0 512 0z m311.082667 823.082667a437.717333 437.717333 0 0 1-139.904 94.293333c-54.186667 23.04-111.786667 34.602667-171.178667 34.602667-59.392 0-116.992-11.562667-171.221333-34.474667a440.448 440.448 0 0 1-139.861334-94.293333 437.717333 437.717333 0 0 1-94.293333-139.946667A436.608 436.608 0 0 1 71.936 512c0-59.392 11.605333-116.992 34.56-171.221333a440.448 440.448 0 0 1 94.293333-139.861334 437.717333 437.717333 0 0 1 139.861334-94.293333c54.314667-23.04 111.914667-34.645333 171.306666-34.645333 59.392 0 116.992 11.605333 171.178667 34.56 52.437333 22.186667 99.413333 53.845333 139.946667 94.293333 40.362667 40.362667 72.192 87.466667 94.293333 139.861333 22.997333 54.314667 34.56 111.914667 34.56 171.306667a437.461333 437.461333 0 0 1-128.853333 311.082667z"
											fill="#fb3777" opacity=".65" p-id="3570"></path>
									</svg>
								</view>
								<view class="gp-right">
									<h6>儿童购票说明</h6>
									<p>儿童一律凭票入场</p>
								</view>
							</view>
							<view class="gp">
								<view class="gp-left">
									<svg t="1684761526623" class="icon" viewBox="0 0 1024 1024" version="1.1"
										xmlns="http://www.w3.org/2000/svg" p-id="3569" width="16" height="16">
										<path
											d="M721.28 305.578667l-327.466667 328.533333-85.418666-149.504a35.925333 35.925333 0 0 0-49.066667-13.397333 35.925333 35.925333 0 0 0-13.44 49.066666l108.8 190.506667a36.053333 36.053333 0 0 0 58.026667 6.4l359.466666-360.576a36.010667 36.010667 0 0 0-0.085333-50.901333 35.712 35.712 0 0 0-50.773333-0.128zM512 0C229.205333 0 0 229.205333 0 512s229.205333 512 512 512 512-229.205333 512-512S794.794667 0 512 0z m311.082667 823.082667a437.717333 437.717333 0 0 1-139.904 94.293333c-54.186667 23.04-111.786667 34.602667-171.178667 34.602667-59.392 0-116.992-11.562667-171.221333-34.474667a440.448 440.448 0 0 1-139.861334-94.293333 437.717333 437.717333 0 0 1-94.293333-139.946667A436.608 436.608 0 0 1 71.936 512c0-59.392 11.605333-116.992 34.56-171.221333a440.448 440.448 0 0 1 94.293333-139.861334 437.717333 437.717333 0 0 1 139.861334-94.293333c54.314667-23.04 111.914667-34.645333 171.306666-34.645333 59.392 0 116.992 11.605333 171.178667 34.56 52.437333 22.186667 99.413333 53.845333 139.946667 94.293333 40.362667 40.362667 72.192 87.466667 94.293333 139.861333 22.997333 54.314667 34.56 111.914667 34.56 171.306667a437.461333 437.461333 0 0 1-128.853333 311.082667z"
											fill="#fb3777" opacity=".65" p-id="3570"></path>
									</svg>
								</view>
								<view class="gp-right">
									<h6>关于发票</h6>
									<p>发票服务由商家提供，请您在购买前联系商家开具</p>
								</view>
							</view>
						</view>
						<h5>观看提示</h5>
						<view class="gkts">
							<view class="gp">
								<view class="gp-left">
									<svg t="1684761526623" class="icon" viewBox="0 0 1024 1024" version="1.1"
										xmlns="http://www.w3.org/2000/svg" p-id="3569" width="16" height="16">
										<path
											d="M721.28 305.578667l-327.466667 328.533333-85.418666-149.504a35.925333 35.925333 0 0 0-49.066667-13.397333 35.925333 35.925333 0 0 0-13.44 49.066666l108.8 190.506667a36.053333 36.053333 0 0 0 58.026667 6.4l359.466666-360.576a36.010667 36.010667 0 0 0-0.085333-50.901333 35.712 35.712 0 0 0-50.773333-0.128zM512 0C229.205333 0 0 229.205333 0 512s229.205333 512 512 512 512-229.205333 512-512S794.794667 0 512 0z m311.082667 823.082667a437.717333 437.717333 0 0 1-139.904 94.293333c-54.186667 23.04-111.786667 34.602667-171.178667 34.602667-59.392 0-116.992-11.562667-171.221333-34.474667a440.448 440.448 0 0 1-139.861334-94.293333 437.717333 437.717333 0 0 1-94.293333-139.946667A436.608 436.608 0 0 1 71.936 512c0-59.392 11.605333-116.992 34.56-171.221333a440.448 440.448 0 0 1 94.293333-139.861334 437.717333 437.717333 0 0 1 139.861334-94.293333c54.314667-23.04 111.914667-34.645333 171.306666-34.645333 59.392 0 116.992 11.605333 171.178667 34.56 52.437333 22.186667 99.413333 53.845333 139.946667 94.293333 40.362667 40.362667 72.192 87.466667 94.293333 139.861333 22.997333 54.314667 34.56 111.914667 34.56 171.306667a437.461333 437.461333 0 0 1-128.853333 311.082667z"
											fill="#fb3777" opacity=".65" p-id="3570"></path>
									</svg>
								</view>
								<view class="gp-right">
									<h6>限购说明</h6>
									<p>该项目设置了单词购买数量限制，每笔订单最多购买6张</p>
								</view>
							</view>
							<view class="gp">
								<view class="gp-left">
									<svg t="1684761526623" class="icon" viewBox="0 0 1024 1024" version="1.1"
										xmlns="http://www.w3.org/2000/svg" p-id="3569" width="16" height="16">
										<path
											d="M721.28 305.578667l-327.466667 328.533333-85.418666-149.504a35.925333 35.925333 0 0 0-49.066667-13.397333 35.925333 35.925333 0 0 0-13.44 49.066666l108.8 190.506667a36.053333 36.053333 0 0 0 58.026667 6.4l359.466666-360.576a36.010667 36.010667 0 0 0-0.085333-50.901333 35.712 35.712 0 0 0-50.773333-0.128zM512 0C229.205333 0 0 229.205333 0 512s229.205333 512 512 512 512-229.205333 512-512S794.794667 0 512 0z m311.082667 823.082667a437.717333 437.717333 0 0 1-139.904 94.293333c-54.186667 23.04-111.786667 34.602667-171.178667 34.602667-59.392 0-116.992-11.562667-171.221333-34.474667a440.448 440.448 0 0 1-139.861334-94.293333 437.717333 437.717333 0 0 1-94.293333-139.946667A436.608 436.608 0 0 1 71.936 512c0-59.392 11.605333-116.992 34.56-171.221333a440.448 440.448 0 0 1 94.293333-139.861334 437.717333 437.717333 0 0 1 139.861334-94.293333c54.314667-23.04 111.914667-34.645333 171.306666-34.645333 59.392 0 116.992 11.605333 171.178667 34.56 52.437333 22.186667 99.413333 53.845333 139.946667 94.293333 40.362667 40.362667 72.192 87.466667 94.293333 139.861333 22.997333 54.314667 34.56 111.914667 34.56 171.306667a437.461333 437.461333 0 0 1-128.853333 311.082667z"
											fill="#fb3777" opacity=".65" p-id="3570"></path>
									</svg>
								</view>
								<view class="gp-right">
									<h6>限购说明</h6>
									<p>该项目设置了单词购买数量限制，每笔订单最多购买6张</p>
								</view>
							</view>
							<view class="gp">
								<view class="gp-left">
									<svg t="1684761526623" class="icon" viewBox="0 0 1024 1024" version="1.1"
										xmlns="http://www.w3.org/2000/svg" p-id="3569" width="16" height="16">
										<path
											d="M721.28 305.578667l-327.466667 328.533333-85.418666-149.504a35.925333 35.925333 0 0 0-49.066667-13.397333 35.925333 35.925333 0 0 0-13.44 49.066666l108.8 190.506667a36.053333 36.053333 0 0 0 58.026667 6.4l359.466666-360.576a36.010667 36.010667 0 0 0-0.085333-50.901333 35.712 35.712 0 0 0-50.773333-0.128zM512 0C229.205333 0 0 229.205333 0 512s229.205333 512 512 512 512-229.205333 512-512S794.794667 0 512 0z m311.082667 823.082667a437.717333 437.717333 0 0 1-139.904 94.293333c-54.186667 23.04-111.786667 34.602667-171.178667 34.602667-59.392 0-116.992-11.562667-171.221333-34.474667a440.448 440.448 0 0 1-139.861334-94.293333 437.717333 437.717333 0 0 1-94.293333-139.946667A436.608 436.608 0 0 1 71.936 512c0-59.392 11.605333-116.992 34.56-171.221333a440.448 440.448 0 0 1 94.293333-139.861334 437.717333 437.717333 0 0 1 139.861334-94.293333c54.314667-23.04 111.914667-34.645333 171.306666-34.645333 59.392 0 116.992 11.605333 171.178667 34.56 52.437333 22.186667 99.413333 53.845333 139.946667 94.293333 40.362667 40.362667 72.192 87.466667 94.293333 139.861333 22.997333 54.314667 34.56 111.914667 34.56 171.306667a437.461333 437.461333 0 0 1-128.853333 311.082667z"
											fill="#fb3777" opacity=".65" p-id="3570"></path>
									</svg>
								</view>
								<view class="gp-right">
									<h6>限购说明</h6>
									<p>该项目设置了单词购买数量限制，每笔订单最多购买6张</p>
								</view>
							</view>
							<view class="gp">
								<view class="gp-left">
									<svg t="1684761526623" class="icon" viewBox="0 0 1024 1024" version="1.1"
										xmlns="http://www.w3.org/2000/svg" p-id="3569" width="16" height="16">
										<path
											d="M721.28 305.578667l-327.466667 328.533333-85.418666-149.504a35.925333 35.925333 0 0 0-49.066667-13.397333 35.925333 35.925333 0 0 0-13.44 49.066666l108.8 190.506667a36.053333 36.053333 0 0 0 58.026667 6.4l359.466666-360.576a36.010667 36.010667 0 0 0-0.085333-50.901333 35.712 35.712 0 0 0-50.773333-0.128zM512 0C229.205333 0 0 229.205333 0 512s229.205333 512 512 512 512-229.205333 512-512S794.794667 0 512 0z m311.082667 823.082667a437.717333 437.717333 0 0 1-139.904 94.293333c-54.186667 23.04-111.786667 34.602667-171.178667 34.602667-59.392 0-116.992-11.562667-171.221333-34.474667a440.448 440.448 0 0 1-139.861334-94.293333 437.717333 437.717333 0 0 1-94.293333-139.946667A436.608 436.608 0 0 1 71.936 512c0-59.392 11.605333-116.992 34.56-171.221333a440.448 440.448 0 0 1 94.293333-139.861334 437.717333 437.717333 0 0 1 139.861334-94.293333c54.314667-23.04 111.914667-34.645333 171.306666-34.645333 59.392 0 116.992 11.605333 171.178667 34.56 52.437333 22.186667 99.413333 53.845333 139.946667 94.293333 40.362667 40.362667 72.192 87.466667 94.293333 139.861333 22.997333 54.314667 34.56 111.914667 34.56 171.306667a437.461333 437.461333 0 0 1-128.853333 311.082667z"
											fill="#fb3777" opacity=".65" p-id="3570"></path>
									</svg>
								</view>
								<view class="gp-right">
									<h6>限购说明</h6>
									<p>该项目设置了单词购买数量限制，每笔订单最多购买6张</p>
								</view>
							</view>
						</view>
					</view>
					<view v-if="current === 2"><text class="content-text">选项卡3的内容</text></view>
				</view>
			</view>
		</view>
		<!-- 购票导航 -->
		<view class="goods-carts">
			<uni-goods-nav :fill="true" :options="options" :button-group="customButtonGroup1" @click="onClick"
				@buttonClick="buttonClick" style="margin-top: 20px;" />
		</view>
	</view>
</template>

<script>
	export default {
		components: {},
		data() {
			return {
				// 购票导航
				options: [{
					icon: 'eye',
					text: '出演',
				}, {
					icon: 'chat',
					text: '客服'
				}],
				customButtonGroup1: [{
					text: '立即购买',
					backgroundColor: '#fb3777',
					color: '#fff'
				}],
				// 详情
				items: ['详情', '问答&须知', '推荐'],
				current: 1,
				colorIndex: 0,
				flag: false
			}
		},
		onLoad() {},
		methods: {
			// 底部购票导航
			onClick(e) {
				uni.showToast({
					title: `点击${e.content.text}`,
					icon: 'none'
				})
			},
			buttonClick(e) {
				console.log(e)
				this.options[2].info++
			},
			// 详情
			onClickItem(e) {
				if (this.current !== e.currentIndex) {
					this.current = e.currentIndex
				}
			},
			// 查看详情
			onChange(e) {
				this.status = e.detail.value
			},
			showTag(a, b) {
				let th = this
				this.flag = !this.flag;
			},
			clickLoadMore(e) {
				uni.showToast({
					icon: 'none',
					title: "当前状态：" + e.detail.status
				})
			}
		}
	}
</script>


<style scoped lang="scss">
	.xq_count {
		height: 100%;
		width: 100%;
		background-color: #f4f5f5;

		// 头部
		.bg-img-box {
			width: 100%;
			height: 300rpx;
			overflow: hidden;
			position: absolute;
			background-color: #fff;

			.bg-img {
				width: 100%;
				height: 100%;
				background-repeat: no-repeat;
				background-size: cover;
				filter: blur(20px);
				transform: scale(1.5);
				background-position: 50%;
				background: url("../../static/演出.png");
			}

			.bg-img::after {
				content: " ";
				display: block;
				width: 100%;
				height: 400rpx;
				background: rgba(17, 17, 17, .2);
			}
		}

		.bg-text {
			display: flex;
			padding: 0 20rpx;
			height: 200rpx;
			position: relative;
			// z-index: 1;
			top: 150rpx;

			.bg-wen {
				.bg-tb {
					display: flex;
					margin-top: 40rpx;
				}

				.bg-tb h4 {
					font-size: 38rpx;
					color: #fc7d91;
				}

				.bg-tb span {
					font-size: 24rpx;
					margin-left: 10rpx;
					margin-right: 200rpx;
				}

				.bg-tb p {
					padding: 4rpx 30rpx;
					background-color: #e4e4e4;
					border-radius: 30rpx;
					text-align: center;
					line-height: 40rpx;
					display: flex;
					align-content: center;

					svg {
						// margin-top: 6rpx;
						margin-right: 10rpx;
					}
				}
			}

			.bg-wen h3 {
				font-size: 32rpx;
				width: 540rpx;
				color: white;
				margin-bottom: 40rpx;
			}

			.bg-wen>span {
				padding: 10rpx 20rpx;
				font-size: 20rpx;
				color: white;
				border-radius: 25rpx;
				background-color: #8b6d6d;
			}
		}

		.bg-text image {
			width: 150rpx;
			height: 200rpx;
			margin-right: 20rpx;
			border-radius: 20rpx;
			border: 5rpx solid #d9bdbd;
		}

		.yc-centent {
			padding: 0 20rpx;
			background-color: #fff;

			.yc-text1 {
				margin-top: 190rpx;
				border-bottom: 1px solid #f7f7f7;

				p {
					font-weight: bold;
					font-size: 32rpx;
					margin-bottom: 10rpx;
				}

				span {
					display: block;
					color: #9f9bad;
					font-size: 28rpx;
					margin-bottom: 20rpx;
				}

				hr {
					margin-top: 20rpx;
				}
			}

			.yc-text2 {
				margin-top: 20rpx;

				p {
					font-weight: bold;
					font-size: 32rpx;
					margin-bottom: 10rpx;

					svg {
						margin-left: 300rpx;
					}
				}

				.yc-te {
					display: inline-block;
					margin-bottom: 20rpx;
				}

				span {
					color: #9f9bad;
					font-size: 28rpx;
				}

			}
		}

		// 详情
		.example-body {
			/* #ifndef APP-NVUE */
			display: flex;
			/* #endif */
			flex-direction: row;
			padding: 0;
		}

		.uni-common-mt {
			margin-top: 30rpx;
		}

		.uni-padding-wrap {
			background-color: #fff;
			// width: 750rpx;
			padding: 0px 10rpx;
		}

		.content {
			background-color: #fff;
			padding: 0 20rpx 70rpx 20rpx;

			h4 {
				padding: 20rpx 0;
			}

			image {
				width: 100%;
			}

			.show-or-noshow {
				text-align: center;
				height: 40rpx;
				margin-top: 20rpx;
				line-height: 40rpx;
				font-weight: bold;
				font-size: 28rpx;
				padding: 10rpx 0;
				border-bottom: 1px solid #f1f1f1;
				color: #55a0dc;
			}

			.cj {
				padding-bottom: 30rpx;

				h5 {
					height: 30rpx;
					margin-top: 20rpx;
					color: #6b6b6b;
				}

				.cjwt {
					p {
						height: 60rpx;
						display: flex;
						justify-content: flex-start;

						a {
							text-decoration: none;
							color: #9fa19f;
						}
					}
				}

				.gpxz {
					height: 280rpx;
					border-bottom: 1px solid #f4f4f4;

					.gp {
						display: flex;

						.gp-left {
							padding-right: 16rpx;
							padding-top: 14rpx;

						}

						.gp-right {
							h6 {
								font-size: 20rpx;
								line-height: 60rpx;
							}

							p {
								font-size: 20rpx;
								color: #a399b3;
							}
						}
					}
				}

				.gkts {
					.gp {
						display: flex;

						.gp-left {
							padding-right: 16rpx;
							padding-top: 14rpx;

						}

						.gp-right {
							h6 {
								font-size: 20rpx;
								line-height: 60rpx;
							}

							p {
								font-size: 20rpx;
								color: #a399b3;
							}
						}
					}
				}
			}
		}

		// 购票导航
		.goods-carts {
			/* #ifndef APP-NVUE */
			display: flex;
			/* #endif */
			flex-direction: column;
			position: fixed;
			left: 0;
			right: 0;
			/* #ifdef H5 */
			left: var(--window-left);
			right: var(--window-right);
			/* #endif */
			bottom: 0;
		}
	}
</style>